
<template>
  <div>
    <h2>{{msg}} </h2>
    <h4>{{$store.state.counter}}</h4>
  
    <!-- <button @click = '$store.state.counter++'> ++ </button> -->
  </div>
</template>

<script>

export default {
  name:'HelloWorld',
  data (){
    return {
      msg: '我是hello word的组件'
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>
